<template>
  <!-- 更多-->
  <div>
    <More :moreData="moreData" />
    <br />
    <div class="kong"></div>
    <MoreZui :moreData="moreData" />
    <br />
    <div class="kong"></div>
    <MoreFen :moreData="moreData" />
    <br />
    <div class="kong"></div>
    <MoreBian :moreData="moreData" />
    <router-view />
  </div>
</template>

<script>
MoreBian.vue;
//先引用--封装好的link.js
import link from "@/api/link.js";
import More from "@/components/life/More/More.vue";
import MoreZui from "@/components/life/More/MoreZui.vue";
import MoreFen from "@/components/life/More/MoreFen.vue";
import MoreBian from "@/components/life/More/MoreBian.vue";
export default {
  components: {
    More,
    MoreZui,
    MoreFen,
    MoreBian,
  },
  data() {
    return {
      moreData: [],
    };
  },
  mounted() {
    //需要自动发送请求---axios调用link---发送请求；
    //我的缴费
    link("user/life11/datamock").then(({ data }) => {
      console.log(data);
      this.moreData = data.moreData;
    });
  },
};
</script>

<style lang="less" scoped>
.kong {
  margin-top: 0.75rem;
}
</style>